<template>
	<view class="list">
		<view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view>
		<view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view><view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view>
		<view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view>
		<view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view>
		<view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view>
		<view class="list-item" @click="goTo('../orderTrack/orderTrack')">
			<view class="left">
				<view class="num"><text class="label">订单编号</text><text>2023052300005</text></view>
				<view>
					<uni-icons type="person-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">张晓明</text>
				</view>
				<view>
					<uni-icons type="location-filled" size="14" color="#9498A0"></uni-icons>
					<text class="custom-ml-10">广东省某某市阳西县沙扒镇</text>
				</view>
			</view>
			<view class="right"><uni-icons type="right" size="14" color="#9498A0"></uni-icons></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			goTo(e) {
				var url = e;
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss">
.list{
	padding: 30rpx;
}

.list-item{
	background-color: #ffffff;
	border-radius: 8px;
	padding: 30rpx;
	margin-bottom: 15px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	
	.left{
		flex: 1;
		line-height: 22px;
		font-size: 28rpx;
		color: #646A74;
		
		.num{
			color: #283241;
			font-size: 36rpx;
			font-weight: 500;
			margin-bottom: 8px;
		}
		.label{
			background-color: #00B5DD;
			color: #ffffff;
			padding: 1px 6px;
			font-size: 20rpx;
			border-radius: 4px;
			margin-right: 10rpx;
		}
	}
}
</style>
